<template>
    <el-form ref="form" :model="form" label-width="155px" :label-position="labelPosition"
             style="margin-left:5%">
        <el-form-item label="主债务人 ：">
            <span>{{form.mainObligor}}</span>
        </el-form-item>
        <el-form-item label="连带债务人 ：">
            <span>{{form.relatedObligor}}</span>
        </el-form-item>
        <el-form-item label="本金 ：">
            <span>{{form.checkedPrincipal}}</span>
        </el-form-item>
        <el-form-item label="利息 ：">
            <span>{{form.checkedInterest}}</span>
        </el-form-item>
        <el-form-item label="违约金等其他金额 ：">
            <span>{{form.checkedOther}}</span>
        </el-form-item>
        <el-form-item label="合计 ：">
            <span>{{form.checkedTotal}}</span>
        </el-form-item>
    </el-form>
</template>

<script>
    export default {
        data () {
            return {
                labelPosition: 'left',
            }
        },
        props: [
            'form'
        ],
        mounted () {

        },
        methods: {}
    }
</script>

<style scoped>
    .el-form-item {
        margin-bottom: 10px;
    }
</style>
